<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>菜单管理</title>
    <link href="/plugins/layui/css/layui.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<!-- 头部查询区域 -->
<div style="margin: 10px 0 0 10px">
    菜单名：
    <div class="layui-inline">
        <input id="searchName" type="text" name="name" class="layui-input"/>
    </div>
    <input type="button" id="searchBtn" class="layui-btn" value="查询"/>
    <input type="button" id="addBtn" class="layui-btn" value="新增"/>
</div>

<!-- 显示数据列表区域 -->
<table id="userTable" lay-filter="userTable1"></table>

<!-- 表格操作工具条模版 -->
<script id="operateTemplate" type="text/html">
    <input type="button" value="编辑" lay-event="edit" class="layui-btn layui-btn-xs"/>
    <input type="button" value="删除" lay-event="del" class="layui-btn layui-btn-xs layui-btn-danger"/>
</script>

<!-- 新增/编辑用户弹窗中的html模版  -->
<script id="userFormTemplate" type="text/html">
    <form class="layui-form" action="" style="padding: 20px" id="userForm" lay-filter="userForm">
        <input type="hidden" name="id">
        <div class="layui-form-item">
            <label class="layui-form-label">菜单名</label>
            <div class="layui-input-inline">
                <input type="text" name="name" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">地址</label>
            <div class="layui-input-inline">
                <input type="text" name="url" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">上级</label>
            <div class="layui-input-inline">
                <select name="parentId" id="parentId">
                    <option value="0">顶级</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"></label>
            <div class="layui-input-inline">
                <input id="saveBtn" type="button" value="保存" class="layui-btn">
            </div>
        </div>
    </form>
</script>


<script type="text/javascript" src="/plugins/layui/layui.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
<script type="text/javascript" src="/js/menu.js"></script>
</body>
</html>